<template>
  <view class="details">
    <view class="single" v-for="(item,index) in detail" :key="index">
      <image class="imgs" v-if="item.type == '2'" :src="item.desc" mode="widthFix"></image>
      <p class="desc" v-else>{{item.desc}}</p>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        detail:[],//详情内容
        IMGLink: this.$url
      }
    },
    onLoad(option) {
      uni.setNavigationBarTitle({
        title: option.name
      });
      
      switch(option.index){
        case "1":
        this.detail = [
          {type:'1',desc:'点击小程序底行菜单中的“订单”按钮进入订单页面，或者点击小程序底行菜单中的“我的”按钮进入我的页面，然后点击“我的订单”菜单进入订单页面。'},//type 1文字；2图片
          {type:'2',desc:`${this.IMGLink}/static/help/help_img1.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img2.png`},
        ];
        break;
        case "2":
        this.detail = [
          {type:'1',desc:'每次进入“订单”页面，订单只自动刷新一次。当您找不到订单时，可以进行手动刷新方法如图'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img3.png`},
          {type:'1',desc:'在“订单”页面的“进行中”页签和“已完成”页签，可以把手指放置在订单的非按钮区域上，再下拉页面，当顶部出现空白区域有三个灰点时，停止下拉，等待1~2秒，然后松开手指，空白区域有三个点表示订单状态刷新。'},
        ];
        break;
        case "3":
        this.detail = [
          {type:'2',desc:`${this.IMGLink}/static/help/help_img4.png`},
          {type:'1',desc:'在“进行中”页签的订单中部非按钮区域或者“已完成”页签的订单中部区域点击，可查看订单详情。在“进行中”的订单详情中还可点击按钮，执行对应操作步骤。'},
        ];
        break;
        case "4":
        this.detail = [
          {type:'1',desc:'订单创建未完成时，可点击“取消订单”按钮和“去支付”；'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img5.png`},
          {type:'1',desc:'充电中时，可以点击“停止充电”和“开仓取出”；'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img6.png`},
          {type:'1',desc:'充电结束后，可以点击“开仓取出”按钮。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img7.png`},
        ];
        break;
        case "5":
        this.detail = [
          {type:'2',desc:`${this.IMGLink}/static/help/help_img8.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img9.png`},
        ];
        break;
        case "6":
        this.detail = [
          {type:'2',desc:`${this.IMGLink}/static/help/help_img10.png`},
          {type:'1',desc:'可在我的-我的收藏中找到收藏的充电柜，点击对应充电柜条目后可进入充电柜详情页面，可以进行充电、联系客服、查看收费标准等操作。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img32.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img33.png`},
        ];
        break;
        case "7":
        this.detail = [
          {type:'2',desc:`${this.IMGLink}/static/help/help_img11.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img12.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img13.png`},
        ];
        break;
        case "8":
        this.detail = [
          {type:'1',desc:'打开手机定位（请根据个人手机系统自行设置），使用小程序时请允许位置信息权限。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img14.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img15.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img16.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img17.png`},
          {type:'1',desc:'点击“附近充电柜”左上角的按钮，进入腾讯地图定位当前位置页面。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img34.png`},
          {type:'1',desc:'在出现的当前位置列表中勾选离用户更近的所在位置栏，或者移动地图进行定位，然后点击右上角的“完成“按钮。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img35.png`},
        ];
        
        break;
        case "9":
        this.detail = [
          {type:'1',desc:'1，启动唯信扫一扫，对准柜上二维码扫码，自动进入注册流程。'},
          {type:'1',desc:'2，自动进入注册流程：登录，获取你的昵称、头像，绑定手机号，获取你的手机号，获取你的位置信息。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img18.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img19.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img20.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img21.png`},
        ];
        break;
        case "10":
        this.detail = [
          {type:'1',desc:'1，充电小程序启动后，点击小程序右上角的三点图标，弹出小程序菜单。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img22.png`},
          {type:'1',desc:'2，在小程序菜单中，点击齿轮状的“设置”按钮，弹出“设置”页面。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img23.png`},
          {type:'1',desc:' 3，在“设置”页面，点击“通知管理”，弹出“通知”页面。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img24.png`},
          {type:'1',desc:'在“通知”页面，点亮“接收通知”。'},
          {type:'1',desc:'如果“充电结束通知”为“不接收”状态，点击该项，弹出“充电结束通知”页面。'},
          {type:'1',desc:'在“充电结束通知”页面，点击“接收”（即勾选接收）；'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img25.png`},
          {type:'1',desc:'5，页面一步一步回退到小程序。'},
        ];
        break;
        case "11":
        this.detail = [
          {type:'1',desc:'1，启动唯信扫一扫，对准柜上二维码扫码，加载充电小程序。'},
          {type:'1',desc:'2，充电小程序启动后自动进入开屏广告页面或操作步骤提示页面，然后自动进入充电柜详情页面，显示各充电仓状态。'},
          {type:'1',desc:'3，点击空闲状态的充电仓，进入“充电”页面。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img26.png`},
          {type:'1',desc:'4，在“充电”页面，选择计费模式或使用缺省计费模式，然后点击“发起充电”按钮，创建订单。订单创建成功后仓门自动打开。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img27.png`},
          {type:'1',desc:'5，在打开的仓内放置电池，并连接好充电器。'},
          {type:'1',desc:'6，关闭仓门，自动开启充电，绿灯闪烁。'},
          {type:'1',desc:'注1：在步骤4中，如果订单没有创建成功（仓门没有自动打开），请及时进入“进行中”订单页签，找到订单，点击“取消订单”按钮来结束订单，或者点击“去支付”按钮继续完成启动充电步骤。'},
          {type:'1',desc:'注2：仓门打开后请及时放入电池及充电器并连接好充电器，关闭仓门（自动开始充电）。'},
          {type:'1',desc:'注3：没有创建成功的订单，5分钟后该订单会被自动取消。'},
          {type:'1',desc:'注4：仓门打开后，5分钟后再关闭仓门，对应的订单状态也为发起充电失败，请在“充电中”订单页签中取消该订单，然后再开启新的充电流程。'},
        ];
        break;
        case "12":
        this.detail = [
          {type:'1',desc:'充电自动结束后取走电池步骤：'},
          {type:'1',desc:'进入“进行中”订单页签，点击对应订单中的“开仓取出”按钮，仓门打开，取走电池及充电器，然后关闭仓门。'},
          {type:'1',desc:'或'},
          {type:'1',desc:'进入“进行中”订单页签，点击对应订单中部的非按钮区域，进入“充电”的详情页面，查看充电及费用的详细情况， 点击其中的“开仓取出”按钮，仓门打开，取走电池及充电器，然后关闭仓门。'},
          {type:'1',desc:'注1：按时充电，充电时间超过设定时间后，充电自动结束，微信会接收到充电结束通知。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img28.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img29.png`},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img30.png`},
          {type:'1',desc:'注2：按量充电，充电电流小于涓流且涓流充电时间超过设定时间后充电自动停止，微信会接收到充电结束通知。'},
          {type:'1',desc:'注3：收到充电结束通知后，请及时取走电池及充电器。'},
          {type:'1',desc:'注4：故障导致的充电停止，不收取占仓费用。'},
          {type:'1',desc:'注5：如需支付费用，支付成功后仓门才被打开。'},
          {type:'1',desc:'充电进行中的停止充电步骤：'},
          {type:'1',desc:'进入“进行中”订单页签，找到对应订单，点击“停止充电”按钮或“开仓取出”按钮，仓门打开，取走电池及充电器，然后关闭仓门。'},
          {type:'2',desc:`${this.IMGLink}/static/help/help_img31.png`},
          {type:'1',desc:'注：如需支付费用，支付成功后仓门才被打开。'},
        ];
        break;
      }
    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
.details{
  padding: 40rpx;
  .imgs{
    width: 100%;
    border-radius: 12rpx;
    margin: 30rpx 0;
  }
  .desc{
    line-height: 58rpx;
    text-indent: 40rpx;
    margin-bottom: 10rpx;
  }
}
</style>
